<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>海创数字</title>
<link href="__PUBLIC__/css/bootstrap.min.css" rel="stylesheet">
<link href="__PUBLIC__/font-awesome/css/font-awesome.css"
	rel="stylesheet">
<link href="__PUBLIC__/css/plugins/select2/select2.min.css"
	rel="stylesheet">
<link
	href="__PUBLIC__/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css"
	rel="stylesheet">
<link href="__PUBLIC__/css/animate.css" rel="stylesheet">
<link href="__PUBLIC__/css/style.css" rel="stylesheet">
</head>
<body class="skin-1">
	<div id="wrapper">
		<include file="default:left" />
		<div id="page-wrapper" class="gray-bg">
			<include file="default:header" />
			<div class="row wrapper border-bottom white-bg page-heading">
				<div class="col-lg-10">
					<h2>添加账号</h2>
					<ol class="breadcrumb">
						<li><a href="?c=index&a=index">管理平台</a></li>
						<li><a href="?c=accountmanage&a=index">账号管理</a></li>
						<li class="active"><strong>添加账号</strong></li>
					</ol>
				</div>
				<div class="col-lg-2"></div>
			</div>
			<div class="wrapper wrapper-content animated fadeIn">

				<div class="row ecommerce">
					<div class="col-lg-12">
						<div class="tabs-container m-b-lg">
							<ul class="nav nav-tabs">
								<li class="active"><a href="javascript:;"> 账号信息</a></li>
							</ul>
							<div class="tab-content">
								<!--tab1-->
								<div class="tab-pane active">
									<div class="panel-body">
										<form enctype="multipart/form-data" action="?c=accountmanage&a=submit_add" method="post" class="validation1" id="form_add">
											<div class="row">
												<div class="col-sm-7">
													<fieldset class="form-horizontal">
														<div class="form-group" id="validation_user_name">
															<label class="col-sm-3 control-label">登录账号:</label>
															<div class="col-sm-9">
																<input
																	class="form-control validate[required,minSize[3],maxSize[20]]"
																	name="user_name" value="" type="text" id="vilidate_user_name"> <span
																	class="help-block m-b-none">登录账号（3-20位，必填，不可重复）。</span>
															</div>
														</div>
														<div class="form-group" id="validation_password">
															<label class="col-sm-3 control-label">初始密码:</label>
															<div class="col-sm-9">
																<input
																	class="form-control validate[required,minSize[6],maxSize[16]]"
																	name="password" value="" placeholder="" type="password">
																<span class="help-block m-b-none">
																	请输入此用户的初始登录密码（必填，6-16位）。 </span>
															</div>
														</div>
														<div class="form-group" id="validation_group">
															<label class="col-sm-3 control-label">权限分组:</label>
															<div class="col-sm-4">
																<select aria-hidden="true" tabindex="-1"
																	class="form-control auth_sel select2-hidden-accessible"
																	name="group">
																	<volist name="groupArray" id="ga">
																		<option value="{$ga.id}">{$ga.name}</option>
																	</volist>
																</select>
															</div>
														</div>
														<div class="form-group" id="validation_real_name">
															<label class="col-sm-3 control-label">账号昵称:</label>
															<div class="col-sm-9">
																<input
																	class="form-control validate[required,minSize[1],maxSize[15]]"
																	name="real_name" value="" placeholder="" type="text">
																<span class="help-block m-b-none">请输入1-15个字（必填）。</span>
															</div>
														</div>
														<div class="form-group" id="validation_cellphone">
															<label class="col-sm-3 control-label">联系方式:</label>
															<div class="col-sm-9">
																<input class="form-control validate[maxSize[100]]"
																	name="cellphone" value="" placeholder="" type="text">
																<span class="help-block m-b-none">请输入联系方式，最多100个字。</span>
															</div>
														</div>
														<!--提交按钮-->
														<div class="col-sm-12 text-center m-t m-b-lg">
															<button type="submit"
																class="btn btn-lg btn-w-m btn-danger ladda-button submit_btn"
																data-loading-text="提交中...">提交保存</button>
														</div>
													</fieldset>
												</div>
												<div class="col-sm-3 col-sm-offset-1">
													<h3>设置头像：</h3>
													<div
														style="border-radius: 10px; width: 150px; height: 150px; overflow: hidden;">
														<img id="ImgPr" src="__PUBLIC__/img/slogo.jpg"
															style="width: 100%;">
													</div>
													<br>
													<div class="btn-group">
														<label title="上传头像" for="inputImage"
															class="btn btn-primary"> <input accept="image/*"
															name="logo_head" id="inputImage" class="hide" type="file">上传头像
														</label>
													</div>
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
		<!-- Mainly scripts -->
		<script src="__PUBLIC__/js/jquery-2.1.1.js"></script>
		<script src="__PUBLIC__/js/bootstrap.min.js"></script>
		<script src="__PUBLIC__/js/plugins/metisMenu/jquery.metisMenu.js"></script>
		<script src="__PUBLIC__//js/uploadPreview.js"></script>
		<script src="__PUBLIC__/js/v_post.js"></script>
		<script
			src="__PUBLIC__/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
			<script src="__PUBLIC__/js/accountmanage/add.js"></script>
		<script src="__PUBLIC__/js/menu.js"></script>
		
		<script src="__PUBLIC__/js/plugins/select2/select2.full.min.js"></script>
		
		<!-- Custom and plugin javascript -->
		<script src="__PUBLIC__/js/inspinia.js"></script>
		<script src="__PUBLIC__/js/plugins/pace/pace.min.js"></script>
		
		<script type="text/javascript">
$(function(){
$(".auth_sel").select2({placeholder: "请选择权限分组",allowClear: false});
	
$("#inputImage").uploadPreview({
	Img: "ImgPr",
	Width: 150,
	Height: 150
});
})
</script>
			</body>
			</html>
		